<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品介绍</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/product.css"/>
		<link rel="shortcut icon" href="./img/favicon.ico"/>
	</head>
	<body>
		<div class="all">
			<!--头部导航栏-->
			<header>
				<div class="nav">
					<h1><a href="" name="top"><img src="img/OPPO.png"/></a></h1>
					<ul>
						<li class="menuitem">
							<div class="submenu">
								<ul class="menu_content">
									<li>
										<a href="">
											<img src="img/m_1.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_2.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_3.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_4.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_5.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_6.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_7.png"/>
										</a>
									</li>
								</ul>
							</div>
							<a href="index.html">手机</a>
						</li>
						<li><a href="product.html">品牌</a></li>
						<li><a href="shopping.html">商城</a></li>
						<li><a href="">体验店</a></li>
						<li><a href="register.html">服务</a></li>
						<li><a href="">社区</a></li>
						<li><a href="">ColorOS</a></li>
						<li><a href="">云服务</a></li>
					</ul>
					<a class="oc-icon oc-iconfont-bag oc-iconfont-bag-bold" href="cart.html">
						<div>
							<p class="oc-icon oc-iconfont-cart oc-iconfont-cart-bold">&nbsp;&nbsp;&nbsp;&nbsp;购物车</p>
							<p class="oc-icon oc-iconfont-order oc-iconfont-order-bold">&nbsp;&nbsp;&nbsp;&nbsp;我的订单</p>
							<p class="oc-icon oc-iconfont-account oc-iconfont-account-bold">&nbsp;&nbsp;&nbsp;&nbsp;个人中心</p>
							<p class="oc-icon oc-iconfont-user oc-iconfont-user-bold">&nbsp;&nbsp;&nbsp;&nbsp;登录</p>
						</div>
					</a>
				</div>
			</header>
			<!--吸顶条-->
			<section class="ceiling">
				<div class="ceiling_include">
					<!--左-->
					<div class="ceiling_content">
						<div class="ceiling_pcture">
							<img src="img/ceiling.jpg"/>
						</div>
						<p>R11s 高配版 黑色    ￥3599.00</p>
					</div>
					<!--右-->
					<div class="ceiling_buy">
						<p>
							<span class="buying_pice">
								<i>￥</i>
								3599.00
							</span>
							<span class="buying_number">x1</span>
						</p>
						<a href="">立即购买</a>
					</div>
				</div>	
			</section>
			<!--返回顶部-->
			<div class="top_bottom">
				<a href="" class="kefu"><i class="oc-icon oc-iconfont-service-pc"></i></a>
				<a href="#top" class="fanhui"><i class="oc-icon oc-iconfont-gotop"></i></a>
			</div>
			<!--内容-->
			<section>
				<div class="bgc">
					<section class="detail_top">
						<div class="head">
							<h3>R11s</h3>
							<ul>
								<li><a href="">概览</a></li>
								<li><a href="">图库</a></li>
								<li><a href="">技术规格</a></li>
							</ul>
						</div>
						<div class="deploy">
							<!--图片展示区域-->
							<div class="r11_photo">
								<div class="photo_views">
									<div class="photo_big">
										<div class="photo_lb">
											<div class="photo_p">
												<img src="img/lb-0.jpg"/>
											</div>
										</div>
										<div class="photo_lb">
											<div class="photo_p">
												<img src="img/lb-1.jpg"/>
											</div>
										</div>
									</div>
								</div>
								<div class="picture_list">
									<ul>
										<li>
											<div class="pic_show">
												<img src="img/lb-0.jpg"/>
											</div>
										</li>
										<li>
											<div class="pic_show">
												<img src="img/lb-1.jpg"/>
											</div>
										</li>
										<li>
											<div class="pic_show">
												<img src="img/lb-2.jpg"/>
											</div>
										</li>
										<li>
											<div class="pic_show">
												<img src="img/lb-3.jpg"/>
											</div>
										</li>
									</ul>
								</div>
							</div>
							<div class="deploy_select">
								<div class="deploy_title">
									<p class="product-name">R11s 高配版 黑色 </p>
									<p class="product-text">6GB 运存 + 128GB 内存</p>
									<p class="product-price"><span>￥</span>3599.00 </p>
									<div class="product-bystages">
										<div class="bystages-icon">
											<img src="img/pd-bystages.png"/>
										</div>
										<span>购买R11s系列专享3、6、12期免息</span>
										<i class="oc-icon oc-iconfont-doubt"></i>
									</div>
								</div>
								
								<!--属性选择-->
								<div class="product-config">
								 	<p class="config-name">颜色</p>
								 	<div class="btn-list">
								 		<a href="">
								 			<i class="co_go"></i>
								 			<span>香槟色</span>
								 		</a>
								 		<a href="" class="active">
								 			<i class="co_bl"></i>
								 			<span>黑色</span>
								 		</a>
								 	</div>
								</div>
								<div class="product-config">
								 	<p class="config-name">网络</p>
								 	<div class="btn-list">
								 		<a href="" class="active">
								 			<span>全网通</span>
								 		</a>
								 	</div>
								</div>
								<div class="product-config">
								 	<p class="config-name">配置</p>
								 	<div class="btn-list">
								 		<a href="">
								 			<span>4G+64G</span>
								 		</a>
								 		<a href="" class="active">
								 			<span>6G+128G</span>
								 		</a>
								 	</div>
								</div>
								<div class="product-config">
								 	<p class="config-name">服务</p>
								 	<div class="btn-list">
								 		<a href="">
								 			<span>延保半年 ¥79</span>
								 		</a>
								 		<a href="">
								 			<span>延保一年 ¥179</span>
								 		</a>
								 		<a href="">
								 			<span>延屏碎保一年 ¥129</span>
								 		</a>
								 	</div>
								</div>
								<div class="product-config">
									<p class="config-name">赠品</p>
									<div class="gift_list">
										<div class="gift_image">
											<a href="">
												<img src="img/erji.png"/>
											</a>
											<p>运动蓝牙耳机QY7</p>
										</div>
									</div>
								</div>
								<div class="product-config">
									<p class="config-name">选择数量</p>
									<div class="input-number">
										<i class="iconfont icon-minus-bold"></i>
										1
										<i class="iconfont icon-jiajianzujianjiahao"></i>
									</div>
								</div>
								<div class="buying-button">
									<a href="">加入购物车</a>
									<a href="" class="bo_gre">立即购买</a>
								</div>
							</div>
						</div>
					</section>
				</div>
				<!--包装信息-->
				<div class="packing">
					<img src="img/packing.jpg"/>
				</div>
				
				<!--评价区域-->
				<div class="appraise">
					<div class="impress">
						<div class="grade">
							<h2>99<i>%</i></h2>
							<span>用户感到满意</span>
						</div>
						<div class="impress_list">
							<p>大家印象</p>
							<a href="">拍照好(442)</a>
							<a href="">外观漂亮(629)</a>
							<a href="">有质感(221)</a>
							<a href="">物流快(332)</a>
							<a href="">续航不错(98)</a>
							<a href="">操作方便(129)</a>
						</div>
						
					</div>
					<div class="recommend">
						<div class="recommend_list">
							<a href="">全部(965)</a>
							<a href="">晒图(965)</a>
							<a href="">追评(965)</a>
						</div>
						<a href="">推荐评价</a>
					</div>
					<!--用户评论展示区-->
					<div class="comment">
						<ul class="comment_text">
							<li class="comment_txt">
								<div class="comment_user">
									<i class="avatar"><img src="img/avatar.png"/></i>
									<p>初见如花开</p>
									<div class="star">
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
									</div>
								</div>
								<div class="comment-info">
									<p class="user_com">
										手机质量很好 颜色很靓 很喜欢 拍照很清晰 大爱 还有杰伦的手机壳 拿回来就用上了 超喜欢 手机很好用 手机上还有小狗logo 很漂亮 指纹和面部解锁很灵敏 喜欢的美眉可以下手了 绝对不会失望的
									</p>
									<ul class="picture_user">
										<li class="img"><img src="img/1212.jpeg"/></li>
										<li class="img"><img src="img/1313.jpeg"/></li>
										<li class="img"><img src="img/1414.jpeg"/></li>
										<li class="img"><img src="img/1515.jpg"/></li>
									</ul>
									<div class="comment-official">
										<p class="offical_com">官方回复：
											<span>亲爱哒小主~小O看到您对我们的手机有辣么高的评价和认同，我们非常高兴！作为网绿界的萌主，小O在这向您承诺：我们将以更快更好的服务回馈我们的顾客，也欢迎您将来继续为我们提出更多宝贵的意见哦！OPPO有您更精彩~</span>
										</p>
									</div>
								</div>
							</li>
							<li class="comment_txt">
								<div class="comment_user">
									<i class="avatar"><img src="img/avatar.png"/></i>
									<p>初见如花开</p>
									<div class="star">
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
									</div>
								</div>
								<div class="comment-info">
									<p class="user_com">
										手机质量很好 颜色很靓 很喜欢 拍照很清晰 大爱 还有杰伦的手机壳 拿回来就用上了 超喜欢 手机很好用 手机上还有小狗logo 很漂亮 指纹和面部解锁很灵敏 喜欢的美眉可以下手了 绝对不会失望的
									</p>
									<ul class="picture_user">
										<li class="img"><img src="img/1212.jpeg"/></li>
										<li class="img"><img src="img/1313.jpeg"/></li>
										<li class="img"><img src="img/1414.jpeg"/></li>
										<li class="img"><img src="img/1515.jpg"/></li>
									</ul>
									<div class="comment-official">
										<p class="offical_com">官方回复：
											<span>亲爱哒小主~小O看到您对我们的手机有辣么高的评价和认同，我们非常高兴！作为网绿界的萌主，小O在这向您承诺：我们将以更快更好的服务回馈我们的顾客，也欢迎您将来继续为我们提出更多宝贵的意见哦！OPPO有您更精彩~</span>
										</p>
									</div>
								</div>
							</li>
							<li class="comment_txt">
								<div class="comment_user">
									<i class="avatar"><img src="img/avatar.png"/></i>
									<p>初见如花开</p>
									<div class="star">
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
									</div>
								</div>
								<div class="comment-info">
									<p class="user_com">
										手机质量很好 颜色很靓 很喜欢 拍照很清晰 大爱 还有杰伦的手机壳 拿回来就用上了 超喜欢 手机很好用 手机上还有小狗logo 很漂亮 指纹和面部解锁很灵敏 喜欢的美眉可以下手了 绝对不会失望的
									</p>
									<ul class="picture_user">
										<li class="img"><img src="img/1212.jpeg"/></li>
										<li class="img"><img src="img/1313.jpeg"/></li>
										<li class="img"><img src="img/1414.jpeg"/></li>
										<li class="img"><img src="img/1515.jpg"/></li>
									</ul>
									<div class="comment-official">
										<p class="offical_com">官方回复：
											<span>亲爱哒小主~小O看到您对我们的手机有辣么高的评价和认同，我们非常高兴！作为网绿界的萌主，小O在这向您承诺：我们将以更快更好的服务回馈我们的顾客，也欢迎您将来继续为我们提出更多宝贵的意见哦！OPPO有您更精彩~</span>
										</p>
									</div>
								</div>
							</li>
							<li class="comment_txt">
								<div class="comment_user">
									<i class="avatar"><img src="img/avatar.png"/></i>
									<p>初见如花开</p>
									<div class="star">
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
									</div>
								</div>
								<div class="comment-info">
									<p class="user_com">
										手机质量很好 颜色很靓 很喜欢 拍照很清晰 大爱 还有杰伦的手机壳 拿回来就用上了 超喜欢 手机很好用 手机上还有小狗logo 很漂亮 指纹和面部解锁很灵敏 喜欢的美眉可以下手了 绝对不会失望的
									</p>
									<ul class="picture_user">
										<li class="img"><img src="img/1212.jpeg"/></li>
										<li class="img"><img src="img/1313.jpeg"/></li>
										<li class="img"><img src="img/1414.jpeg"/></li>
										<li class="img"><img src="img/1515.jpg"/></li>
									</ul>
									<div class="comment-official">
										<p class="offical_com">官方回复：
											<span>亲爱哒小主~小O看到您对我们的手机有辣么高的评价和认同，我们非常高兴！作为网绿界的萌主，小O在这向您承诺：我们将以更快更好的服务回馈我们的顾客，也欢迎您将来继续为我们提出更多宝贵的意见哦！OPPO有您更精彩~</span>
										</p>
									</div>
								</div>
							</li>
							<li class="comment_txt">
								<div class="comment_user">
									<i class="avatar"><img src="img/avatar.png"/></i>
									<p>初见如花开</p>
									<div class="star">
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
										<i class="oc-icon oc-iconfont-star isgood"></i>
									</div>
								</div>
								<div class="comment-info">
									<p class="user_com">
										手机质量很好 颜色很靓 很喜欢 拍照很清晰 大爱 还有杰伦的手机壳 拿回来就用上了 超喜欢 手机很好用 手机上还有小狗logo 很漂亮 指纹和面部解锁很灵敏 喜欢的美眉可以下手了 绝对不会失望的
									</p>
									<ul class="picture_user">
										<li class="img"><img src="img/1212.jpeg"/></li>
										<li class="img"><img src="img/1313.jpeg"/></li>
										<li class="img"><img src="img/1414.jpeg"/></li>
										<li class="img"><img src="img/1515.jpg"/></li>
									</ul>
									<div class="comment-official">
										<p class="offical_com">官方回复：
											<span>亲爱哒小主~小O看到您对我们的手机有辣么高的评价和认同，我们非常高兴！作为网绿界的萌主，小O在这向您承诺：我们将以更快更好的服务回馈我们的顾客，也欢迎您将来继续为我们提出更多宝贵的意见哦！OPPO有您更精彩~</span>
										</p>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</section>
			
			<!--尾部-->
			<footer>
				<div class="foot_a">
					<div class="list">
						<dl class="list_a">
							<dt>推荐机型</dt>
							<dd><a href="">R11s</a></dd>
							<dd><a href="">A73</a></dd>
							<dd><a href="">A57</a></dd>
							<dd><a href="">A79</a></dd>
						</dl>
						<dl class="list_a">
							<dt>服务</dt>
							<dd><a href="">服务网点查询</a></dd>
							<dd><a href="">零配件价格查询</a></dd>
							<dd><a href="">官方授权网店</a></dd>
							<dd><a href="">预置软件公示</a></dd>
						</dl>
						<dl class="list_a">
							<dt>关于我们</dt>
							<dd><a href="">关于 OPPO</a></dd>
							<dd><a href="">加入我们</a></dd>
						</dl>
						<dl class="list_a">
							<dt>商务合作</dt>
							<dd><a href="">开放平台</a></dd>
							<dd><a href="">采购相关</a></dd>
						</dl>
						<div class="contact">
							<a href="" class="oc-icon oc-iconfont-ooo">
								<span>在线客服</span>
							</a>
							<h3>4001-666-888</h3>
							<p>24  小时全国热线</p>
						</div>
					</div>
				</div>
				<div class="foot_b">
					<p>
						© 2005 - 2017 OPPO 版权所有 <a href="">粤ICP备14056724号-2</a> 联系方式：4001-666-888
						<a href="">
							<b>
							</b>
						</a>
					</p>
					<div class="ico">
						<strong>关于我们:</strong>
						<a href="">
							<i class="oc-icon oc-iconfont-weibo"></i>
						</a>
						<a href="">
							<i class="oc-icon oc-iconfont-weixin"></i>
						</a>
						<a href="">
							<i class="oc-icon oc-iconfont-alipay">
							</i>
						</a>
						<a href="">
							<i class="oc-icon oc-iconfont-global">
							</i>
							<span>Global</span>
						</a>
						
					</div>
				</div>
			</footer>
		</div>
		<script src="js/jquery-1.11.0.js"></script>
		<script src="js/product.js"></script>
	</body>
</html>
